<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>附近商家</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/shop_list.css" rel="stylesheet" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">附近商家</h1>
		</header>
		<!--
        	作者：837081299@qq.com
        	时间：2017-02-28
        	描述：头部结束
        -->
		<div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="margin-bottom: 50px">
        <div class="mui-content">
        	<!--
        	作者：lwy
        	时间：2017-02-06
        	描述：八个分类模块开始
        -->
        <div class="sort-box mui-clearfix">
        	<a href=""><div class="sort"><img src="../img/sort1.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort2.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort3.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort4.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort5.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort2.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort7.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort8.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort9.png"/>分类</div></a>
        	<a href=""><div class="sort"><img src="../img/sort10.png"/>更多分类</div></a>
        </div>
        <!--
        	作者：lwy
        	时间：2017-02-06
        	描述：商家列表开始
        -->
        <div class="line"></div>
        <h2 class="sort_name">详细分类</h2>
        <div class="shop_list_box">
        	<ul class="mui-clearfix" id="nearbyShop">
        		<!--<a href="shop_detail.html"><li class="mui-clearfix">-->
        		<!--<img src="../img/product2.jpg">-->
        		<!--<p class="shop_name">庐山区昌盛汽车美容服务中心</p>-->
        		<!--<p class="shop_owner">姓名：朱龙强</p>-->
        		<!--<p class="shop_phone">电话：15139658632</p>-->
        		<!--<p class="shop_address">地址：河南省郑州市二七区绿地滨湖国际城</p>-->
        		<!--</li></a>-->
        	</ul>
        </div>
        </div>
		</div>
        <!--
        	作者：837081299@qq.com
        	时间：2017-02-07
        	描述：底部导航开始
        -->
        <nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" id="index">
				<span class="mui-icon"><img src="../img/index-icon.png"/></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" id="nearby">
				<span class="mui-icon"><img src="../img/nearby-icon-act.png"/></span>
				<span class="mui-tab-label">入驻</span>
			</a>
			<a class="mui-tab-item" id="shop">
				<span class="mui-icon"><img src="../img/cart_icon_h.png"/></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item" id="me">
				<span class="mui-icon"><img src="../img/personal-icon.png"/></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
        <script src="../js/mui.min.js"></script>
        <script src="../js/jquery-1.10.1.min.js"></script>
		<script>  document.write("<s"+"cript type='text/javascript' src='../js/commons.js?"+Math.random()+"'></scr"+"ipt>"); </script>
        <script src="../js/nearby_shop.js"></script>
	</body>
</html>
